<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Bim</title>
    <link rel="stylesheet" href="./css/jquery.fullPage.css">
    <link rel="stylesheet" href="./css/Home.css">
    <link rel="stylesheet" href="./css/Bim.css">
    <style>
    .section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
    .section p{ font: 30px "Microsoft Yahei";}
    .section.footerss .fp-tableCell{
        display: block!important;
    }
    </style>
</head>
<body>
    <div class="nav">
        <div class="nav-warp">
            <div class="nav-left">
                <img src="./img/shininglogo.png">
            </div>
            <div class="nav-right">
                <a href="Home.html" class="home">Home</a>
                <a href="./About.html">About</a>
                <a href="Rendering.html">Rendering</a>
                <a href="3DAnimation.html">3D&nbsp;Animation</a>
                <a href="Bim.html">Bim</a>
                <a href="Contact.html">Contact</a>
                <span><img src="./img/nav.png"/></span>
            </div>
        </div>
    </div>
    <div id="fullPage">
        <div class="section">
            <div class="all">
                <div class="one">
                    <div class="left">
                        <h4><span>1</span>&nbsp;MODEL&nbsp;COMPLETION</h4>
                        <p>Establishing and creating the visible and multi-dimension Architecture, Structural and MEP</p>
                        <div class="img">
                            <img src="./img/BIM-p1-1.png" alt="">
                            <img src="./img/BIM-p1-2.png" alt="">
                            <img src="./img/BIM-p1-3.png" alt="">
                        </div>
                    </div>
                    <div class="img-right">
                        <img src="./img/building1-half-t.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="all">
                <div class="one">
                    <div class="left">
                        <h4><span>2</span>&nbsp; CLASH &nbsp;DETECTION</h4>
                        <p>Completing the clash detection among various design parties,engineers and even different organisations in con struction drawings.</p>
                        <div class="img">
                            <img src="./img/BIM-p2-1.jpg" alt="">
                            <img src="./img/BIM-p2-2.jpg" alt="">
                        </div>
                    </div>
                    <div class="img-right2">
                        <img src="./img/building1-half-b.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <h4>3</h4>
        </div>
        <div class="section">
            <h4>4</h4>
        </div>
        <div class="section">
            <h4>5</h4>
        </div>
        <div class="section fp-auto-height">
            <div class="dibu">
                <div class="footer-top">
                    <a class="top-img">
                        <img src="./img/mail.jpg">
                    </a>
                </div>
                <div class="footer-b">
                    <a class="bottom1-img">
                        <img src="./img/facebook.jpg" >
                    </a>
                    <a class="bottom1-img">
                        <img src="./img/youtube.jpg">
                    </a>
                    <a class="bottom1-img">
                        <img src="./img/linkedln.jpg">
                    </a>
                    <a class="bottom1-img">
                        <img src="./img/twitter.jpg">
                    </a>
                </div>
                <div class="footer-text">
                    <h6>Copyright © 1998-2015 shining Group</h6>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.js"></script>
<script src="./js/jquery.fullPage.js"></script>
<script>
$(function(){
    $('#fullPage').fullpage({
        sectionsColor : ['#ddd', 'white', '#ddd', 'white', '#ddd'],
        loopBottom: false
    });

    setInterval(function(){
        $.fn.fullpage.moveSlideRight();
    }, 3000);
});
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?319df46884458c3fbee36b0cc6e390e8";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</html>